<template>
  <div id="app">
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<style lang="less">
.headerMaintitle {
  position: relative;
}
.headerText {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 26px;
  color: #c2d4f2;
  line-height: 35px;
  top: 5px;
  left: 60px;
  position: absolute;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: #020732;
  overflow: visible;
  position: relative;
  width: 100%;
  height: 100vh;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  color: #fff !important;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  color: #fff !important;
}
.ant-pagination-item a,
.ant-pagination-prev a,
.ant-pagination-next a {
  color: #fff !important;
  &:hover {
    color: #128bed !important;
  }
}
.ant-pagination-item-active {
  background: #131e4a !important;
}
input {
  border: none;
  outline: none;
  caret-color: #69799cff !important;
  color: #fff !important;
}
input::placeholder {
  color: #69799cff !important;
}
/* 重置默认背景颜色 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  background-color: transparent; /* 或者设置成你需要的背景颜色 */
}

/* 重置默认文本框内部的填充 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
textarea {
  padding: 0; /* 或者设置成你需要的内部填充 */
}

/* 取消默认的调整大小手柄（仅适用于支持调整大小的浏览器） */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
textarea {
  resize: none;
}
.ant-select-selection {
  background: rgba(75, 162, 253, 0.1) !important;
  box-shadow: inset 0px 0px 3px 0px rgba(42, 135, 255, 0.5) !important;
  border: 1px solid rgba(101, 150, 255, 0.59) !important;
  border-radius: 0 !important;
}

.ant-select-selection--single {
  height: 34px !important;
  color: #fff;
  .ant-select-arrow {
    color: #fff;
  }
}
.ant-select-selection__placeholder {
  color: #69799cff;
}
.ant-select-selection:hover {
  box-shadow: inset 0px 0px 6px 0px #0059ff !important;
  border: 1px solid rgba(25, 108, 255, 0.87) !important;
}
.ant-select-dropdown {
  > div {
    background: rgba(0, 29, 60, 0.93) !important;
    box-shadow: inset 0px 0px 6px 0px #0059ff !important;
    border: 1px solid rgba(25, 188, 255, 0.87) !important;
  }

  .ant-select-dropdown-menu-item {
    color: #fff !important;
  }

  .ant-select-dropdown-menu-item:hover:not(
      .ant-select-dropdown-menu-item-disabled
    ),
  .ant-select-dropdown-menu-item-active:not(
      .ant-select-dropdown-menu-item-disabled
    ) {
    background-color: #1b91ff63 !important;
  }
  .ant-select-dropdown-menu-item-selected {
    background-color: #1b8fffc4 !important;
  }
}
.ant-select-selection-selected-value {
  span {
    color: #fff !important;
  }
}
.ant-select-selection__clear {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
.ant-empty-small {
  color: rgba(255, 255, 255, 0.6) !important;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: #2c448166 !important;
  border: 1px solid #2e65cf !important;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: rgba(255, 255, 255, 0.6) !important;
}
.emptyDiv {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  img {
    width: 211px;
  }
  span {
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
  }
}
</style>
